<template>
  <div >
    <div class="bodys" align="center">
      <img src="../assets/menu.png" alt="" @click="menu">
      <p>{{text}}</p>
    </div>

  </div>
</template>

<script>
  import slideBar from '../components/slideBar'
    export default {
        name: "pageTop",
      props:['text'],
      components:{
        slideBar
      },
      methods:{
        /*blank(){
          $("#containers").css(
            {"transform":"translateX(0vw)","transition":"transform .5s"});
        },*/
        menu(){
          $("#containers").css(
            {"transform":"translateX(72vw)","transition":"transform .5s"});
        }
      },
    }
</script>

<style scoped lang="scss">
  .bodys {
    width: 100vw;
    height: 12vw;
    justify-content: center;
    background: #fff;
  img {
    width: 4.5vw;
    height: 4.33vw;
    float: left;
    margin-left: 5vw;
    margin-top: 3.84vw;
  }
  p{
    font-size: 20px;
    line-height: 12vw;
    font-weight: bold;
    width: 35%;
  }
  }


</style>
